javascript - 番号の監視可能な配列内の各項目の位置を使用して、KnockoutJS で番号付きリストを作成します

Question

番号付きリストを作成し、ノックアウトを使用してデータをバインドしたいと考えています。データ バインディングは正常に機能しますが、監視可能な配列内の位置に基づいて数値をスムーズに生成する方法を思いつくことができません。観測可能な配列は今後変わるかもしれないので、ノックアウトでリストの番号付けを動的に処理できるようにしたいです。

これが私のhtmlです：

<ul class="nav nav-list" data-bind="foreach: sidebarItems">
    <li class="" data-bind="css: isActive">
        <a href="#dropdowns" data-bind="text: text"></a>
    </li>
</ul>

ここに私のJavascriptコードがあります:

self.sidebarItems = ko.observable([
    {text: 'Option'}, 
    {text: 'Option'}, 
    {text: 'Option'}, 
    {text: 'Option'}, 
    {text: 'Option'}
]);

リストに次のように記載してください:
1 - オプション
2 - オプション
3 - オプション
など。