Html 我想一次只显示列表中的两个名字，然后点击一个按钮，出现下两个名字，但有一个bug

我只想显示数组中出现的前两个东西，而不是全部，然后单击按钮，直到出现最后两个名称，但我尝试的代码不起作用。我正在给代码，请告诉错误。你能帮我更正Knocout js的代码吗

在Javascript中

EventBE.displayCount = ko.observable(2);
EventBE.readMore = function() { EventBE.displayCount(EventBE.displayCount() + 2); };

在html中

div class="slide">
    <button type="button" data-bind"click: EventBE.readMore,visible: 
        EventBE.displayCount() < EventBE.WhoElseAttends.length">Read More</button>
        <ul  data-bind="foreach:EventBE.WhoElseAttends.slice(0, 
             EventBE.displayCount())">
            <li >
                <span data-bind="text:FirstName"></span>
                <span data-bind="text:LastName"></span>,
                <span data-bind="text:Company"></span>
             </li>
        </ul>                  
   <span data-bind="if:EventBE.WhoElseAttends.length <0">No Attendees</span>                    
</div>

div class=“slide”>
阅读更多


,


没有与会者

以下是工作HTML：

<div class="slide">
    <button type="button" data-bind="click: readMore, visible: displayCount() < WhoElseAttends().length">Read More</button>
    <ul data-bind="foreach: WhoElseAttends.slice(0, displayCount())">
        <li>
            <span data-bind="text:FirstName"></span>
            <span data-bind="text:LastName"></span>,
            <span data-bind="text:Company"></span>
        </li>
    </ul>                  
    <span data-bind="if: WhoElseAttends.length <0">No Attendees</span>                    
</div>

阅读更多


,


没有与会者

以及随附的淘汰视图模型：

function viewModel() {
    this.displayCount = ko.observable(2);

    this.readMore = function() {
        this.displayCount(this.displayCount() + 2);
    };

    this.WhoElseAttends = ko.observableArray([]);

    for (var i = 0; i < 10; i++) {
        this.WhoElseAttends.push({FirstName : "John", LastName : "Smith", Company : "None"});
    }
}

ko.applyBindings(new viewModel());

函数viewModel（）{
this.displayCount=ko.可观察（2）；
this.readMore=函数（）{
this.displayCount（this.displayCount（）+2）；
};
this.wholeseattends=ko.observearray（[]）；
对于（变量i=0；i<10；i++）{
this.wholeseatters.push（{名字：“约翰”，姓氏：“史密斯”，公司：“无”）；
}
}
应用绑定（新的viewModel（））；

---

我还在下面的jfiddle中呈现了这段代码：

就像嘿，我的javascript还好吗。