Javascript 添加图像onclick，可观察到一个敲除

我正在使用api获取需要的图像，以便它首先加载10个图像，当我单击按钮时，它必须添加10个图像，所以我这样做：

图像的可观察量

public imageAmount:KnockoutObservable<number> = ko.observable(10);

然后点击按钮，我更新了可观察的imageamount+10

public moreImages():void
{
    this.viewModel.imageAmount(this.viewModel.imageAmount() + 10);

}

现在它正在计数，但它没有添加图像。我如何才能做到这一点

HTML

---

您可以使用属性绑定：

data-bind="attr:{src: $data.keyName}"

例子

var ViewModel=函数（第一个，最后一个）{
this.img_arr=ko.array([{
索引：1，
src:“https://pbs.twimg.com/profile_images/604644048/sign051.gif"
}, {
索引：2，
src:“https://upload.wikimedia.org/wikipedia/commons/thumb/f/f9/Wiktionary_small.svg/350px-Wiktionary_small.svg.png"
}, {
索引：3，
src:“http://www.clker.com/cliparts/l/u/5/P/D/A/arrow-50x50-md.png"
}])
};
ko.应用绑定（新视图模型（“行星”、“地球”）


你也可以分享你的HTML吗？我已经添加了一个答案。希望它能帮助您订阅imageAmount的更改以下载更多图像吗？或者，当您更改imageAmount时，对服务器的调用发生在哪里
data-bind="attr:{src: $data.keyName}"