css - 数据绑定(bind)循环 knockout js，如果我只想一次显示列表中的 2 个名称

Question

我只想显示数组中存在的前 2 个东西而不是全部，你能帮我更正 knoctout js 的代码吗？

<div class="slide">
    <ul data-bind="foreach:EventBE.WhoElseAttends">
           <li >
               <span data-bind="text:FirstName"></span> 
               <span data-bind="text:LastName"></span>
               <span data-bind="text:Company"></span>
           </li>
    </ul>                  
  </div>

Answer 1

您可以使用计算。

var EventBE = {
    WhoElseAttends : ko.observableArray([
        { FirstName : "a", LastName : "b", Company : "c" },
        { FirstName : "b", LastName : "c", Company : "d" },
        { FirstName : "c", LastName : "d", Company : "e" }
    ]),
    AttendsComputed : ko.computed(function() {
        var attendees = EventBE.WhoElseAttends();

        return attendees.slice(0, 2);
    });
};

在你的 HTML 中

<ul data-bind="foreach:EventBE.AttendsComputed">