CSS開關控制循環程序可以通過CSS屬性實現元素的顯示和隱藏狀態，從而達到控制程序執行循環的效果。在CSS中，我們可以使用display屬性、visibility屬性、opacity屬性等來實現這一功能。

.switch-on {
display: block;
visibility: visible;
opacity: 1;
}
.switch-off {
display: none;
visibility: hidden;
opacity: 0;
}

上面的代碼中，.switch-on代表元素開啟狀態，.switch-off代表元素關閉狀態。當元素處于開啟狀態時，display屬性設置為block，可見性屬性設置為visible，透明度屬性設置為1，元素將完全顯示出來；當元素處于關閉狀態時，display屬性設置為none，不占用任何空間，可見性屬性設置為hidden，使元素在界面上不可見，透明度屬性設置為0，也就是完全透明。

利用以上代碼，我們可以在程序中設置開關控制循環執行的次數。例如：

<div class="loop">
<p>這是第一次循環。</p>
<p>這是第二次循環。</p>
<p>這是第三次循環。</p>
<p>這是第四次循環。</p>
<p>這是第五次循環。</p>
</div>
<button onclick="toggleLoop()">切換循環開關</button>

function toggleLoop() {
var loop = document.getElementsByClassName("loop")[0];
if (loop.classList.contains("switch-on")) {
loop.classList.remove("switch-on");
loop.classList.add("switch-off");
} else {
loop.classList.remove("switch-off");
loop.classList.add("switch-on");
}
}

上面的代碼中，我們給元素設置了類名loop，并通過JS代碼toggleLoop()函數來切換元素開關狀態。當按鈕被點擊時，JS代碼通過getElementsByClassName()方法獲取到loop元素，判斷其類名是否為switch-on。如果是，則說明循環開啟，需要進行關閉操作；如果不是，則說明循環關閉，需要進行開啟操作。通過classList.remove()和classList.add()來實現CSS類名的添加和移除，進而達到控制元素開關的目的。