如果你总是有3个属性，而你总是只想显示其中的2个，那么你就不需要精确地显示它们。
然而，有一个特殊的绑定上下文变量$index()，它可以让你做一些基本的隐藏，尽管它不会阻止呈现。因为$index是从0开始的，条件是$index() < 2。正如Andrey在注解中指出的，$index is an observable，所以你必须用括号作为方法调用它。或者比较不会按照您的预期进行（您将比较int和函数）。

<ul data-bind="foreach: survey.Attributes">
    <li data-bind="visible: $index() < 2">
        Name: <span data-bind="text: Name"> </span><br/>
        Type: <span data-bind="text: Type"> </span><br/>
        Year: <span data-bind="text: Year"> </span><br/>
    </li>
</ul>

如果你想在foreach循环上使用一个通用的限制器，你是对的，这并不简单，你必须创建一个custom binding。
另一种可以考虑的方法是在视图模型中预处理数据，当设置this.survey = data;时，可以删除任何不想在此时显示的属性。
编辑：我从你的编辑中看到你知道ko: if psuedo-element。我完全忘记了这些，但是你可以很容易地使用一个psuedo-element来防止呈现超过某个索引的模板项。foreach仍然会评估可观察的，这本身不应该有任何巨大的开销。

JavaScript数组包含了优秀的slice方法，可以很好地满足您的需求：

template: { name: 'photo-template', foreach: Attributes.slice(0,2) }

但正如@Patrick-M提到的，您不需要循环：

template: { name: 'photo-template', data: Attributes[0] }
template: { name: 'photo-template', data: Attributes[1] }

我的Repeat绑定包含一个限制重复次数的选项：

<div data-bind="repeat: { foreach: Attributes, count: 2 }"
      data-repeat-bind="template: { name: 'photo-template', data: $item() }">
</div>

您可以创建具有有限数组限制的计算：

var limited = ko.computed( function() {
   return Attributes.slice(0, limit);
});

然后，你所要做的就是foreach limited。你甚至可以添加某种“more”元素：

<!-- ko if: Attributes().length > limit -->
    <div class="more">...</div>          
<!--/ko-->

我希望它能对后代有所帮助;）

放置.slice（0，1）以从FOREACH数据绑定数组（模型）中获取前2项。

.slice(0,1)

像这样的东西

<!-- ko foreach: { data: items().slice(0, 1) } -->
    <div>
        Your html here!
    </div>
<!-- /ko -->

或者如果你愿意

<tbody data-bind="foreach: people.slice(0, 1)">
    <tr>
        <td data-bind="text: firstName"></td>
        <td data-bind="text: lastName"></td>
    </tr>
</tbody>

关于切片（）https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/slice

您可以通过以下方式限制循环：

for(var i=0;i<data.length;i++){
   if(i>1){
      return false;
   }
}

我解决了一个类似的问题，方法是将原始数组项的子集推送到视图模型中的另一个数组，然后绑定到子集数组。

在foreach中最简单的方法是使用$index

<!-- ko foreach: { data: Attributes, as: 'item' } -->
<!-- ko if: $index() < 2 -->
<span class="item" data-bind="text:item.name"></span>
<!-- /ko -->
<!-- /ko -->

可试作如下：

<!-- ko foreach: { data: attributes, as: 'item' } -->
    <!-- ko if: $index() < 2 -->
    <span class="item" data-bind="text:item.name"></span>
    <!-- /ko -->
    <!-- /ko -->

示例：

<ul data-bind="foreach: listItems">
                <li data-bind="attr: {id: id} ">
                  <a href="#" data-bind="text: label"></a>
                </li>
 </ul>