jquery - Javascript を html でネストする場合、Knockout MVC4 は互換性がありません

Question

以下のコードを実行すると、次のようになります。

{{each(index,friend)friends}}
    '<'li>${name}'<'/li>
    {{/each}}

これが HTML5 と関係があるかどうかはわかりません。また、jquery、konckout 参照を追加し、構文をチェックしました。

    '<'h1>Friends'<'/h1>

'<'div data-bind="template: 'friendsTemplate'">'<'/div>



'<'script id="friendsTemplate" type="text/html"'>'
'<'ul>
    {{each(index,friend)friends}}
    '<'li>${name}'<'/li>
    {{/each}}
'<'/ul>

 '<'script type="text/javascript"'>'

    関数 フレンド(名前) {
        return { name: ko.observable(name) };
    }

    var ビューモデル = {

        友達: ko.observableArray([新しい友達("ラム"), 新しい友達("サム")]),
        addFriend: 関数 () {
            this.friends.push(新しい友達("別のガイ"));
        }
    };


     ko.applyBindings(viewModel);

     
/////////