knockoutjsテンプレートforeach、特別な最初のアイテム

Question

私はこれを理解して脳を破っている。私はテンプレートを吐き出すforeachを持っています、そして、私は最初の要素が特別な属性を持つことを望みます。これまでのソリューションは私がhaventが見つかりました。

これはforeachのである：

<h3 class="question">Geografi</h3> 
     <p class="answer" data-bind="template: { name: 'geographyTmpl', foreach: geographyList, templateOptions: { selections: selectedGeographies } }"></p> 

これはテンプレートです：

<script id="geographyTmpl" type="text/html"> 
<input class="geoCheckList" validate="required:true, minlength:2" name="geoCheckList[]" type="checkbox" data-bind='value: $data, attr: { id: "Geo"+$index()},checked: $root.selectedGeographies' /> 
<label data-bind="text: $data, attr: { 'for': 'Geo'+$index()}"></label> 

と私は追加したい： "検証は=" 必要な：真、MINLENGTH：2" を

何をする必要がありますか？

jQueryの検証に役立ちます。

Answer 1

もご協力いただき、ありがとうございます:)私はすでに、適切な答えを発見した、しかし、私はこれを救うKnockoutJS foreach

Skip item in foreach knockout js array?

<div data-bind="text: ItemsArray[0].someProperty"></div> 
<div data-bind="foreach: ItemsArray"> 
<!-- ko if: $index() == 0 --> 
    <div data-bind="text: someProperty"></div> 
<!-- /ko --> 
<!-- ko if: $index() != 0 --> 
    <div data-bind="text: anotherDifferentProperty"></div>  
<!-- /ko --> 
</div> 

Answer 2

計算されたオブザーバブルを使用してブール値を返すことができます。ブール値がtrueの場合、属性（標準ノックアウト）を表示できますか？このような

何かが多分

this.IsFirst = ko.computed(function() { 
    return this == Array[0]; 
}, this); 

それは、私はむしろテンプレートよりもcustom bindingを使用するように誘惑して、取得されると思いハックようだが、

を仕事や

{{if $item.first === $data}} 

Answer 3

を使用する必要がありますbindingContextの$インデックスをオフにし、$ indexが0の場合にのみvalidate属性を追加します。

ko.bindingHandlers.yourBindingName = { 
    init: function(element, valueAccessor, allBindingsAccessor, viewModel, bindingContext) { 
     // Create your input and label elements here then 
     $(element).append(// add your new elements in here); 
    } 
};